<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>作业2</title>
    <style>
        table {
            text-align: center;
            width: 80%;
            border-collapse: collapse;
            /* 边框合并 */
        }

        th,
        td {
            border: 1px solid black;
        }
    </style>
</head>

<body>
    <table>
        <thead>
            <th>编号</th>
            <th>标题</th>
            <th>歌手</th>
            <th>时长</th>
            <th>播放</th>
        </thead>

        <tbody>
            <tr>
                <td>1</td>
                <td>唐人</td>
                <td><a target="_blank" href="https://baike.baidu.com/item/%E8%A6%83%E6%B2%90%E6%9B%A6/2582347?fr=aladdin">覃沐曦</a></td>
                <td>03:44</td>
                <td><audio src=""></audio></td>
            </tr>
            <tr>
                <td>2</td>
                <td>漂洋过海来看你</td>
                <td><a target="_blank" href="https://baike.baidu.com/item/%E5%91%A8%E6%B7%B1/15089196?fr=aladdin">周深</a></td>
                <td>03:03</td>
                <td><audio src=""></audio></td>
            </tr>
            <tr>
                <td>3</td>
                <td>小幸运</td>
                <td><a target="_blank" href="https://baike.baidu.com/item/%E7%94%B0%E9%A6%A5%E7%94%84?fromModule=lemma_search-box">田馥甄</a>
                </td>
                <td>04:17</td>
                <td><audio src=""></audio></td>
            </tr>
            <tr>
                <td>4</td>
                <td>Excitant</td>
                <td><a
                       target="_blank" href="https://baike.baidu.com/item/%E6%88%90%E9%A9%B0%E6%B4%8B?fromModule=lemma_search-box">成驰洋</a>
                </td>
                <td>03:30</td>
                <td><audio src=""></audio></td>
            </tr>
        </tbody>
    </table>
</body>

</html>